<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
	</head>

	<body>
		<div id='jiexi_box'>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">解析</h1>
				<a @tap="open_jc" class="mui-icon mui-icon-feedback mui-pull-right ml15"></a>
				<a @tap="add_collection" v-show="collection_status == 0" class="mui-icon mui-icon-collect mui-pull-right"></a>
				<a @tap="add_collection" v-show="collection_status == 1" class="mui-icon mui-icon-collected mui-pull-right orange"></a>
			</header>

			<div class="errorBoxTips"  v-show="questionErrorBoxStatus == 1">
				<img src="../../../images/error_img.png">
				<p>{{errorTipsContent}}</p>
				<button type="button" class="mui-btn mui-btn-outlined" @tap="clickRefresh">刷新</button>
			</div>

			<div class="mui-content getHeight" v-show="questionBoxStatus == 1">
				<div class="exercise_tt">
					<span v-if="type == 1">单选题</span>
					<span v-else-if="type == 2">多选题</span>
					<span v-else-if="type == 3">判断题</span>
					<span class="exer_num"><em class="red">{{q_index + 1}}</em>/{{orther_data.count_num}}</span>
				</div>
				<transition name="questionfade">
					<div class="exercise_nr" v-for="(val,ind) in question_list" v-if="q_index == ind  && val.type == 1" >
						<h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
						<ul class="anwser_item mui-table-view">
							<li v-for="op in val.option_list" :class="op.user_answer == 1 ? 'active' : ''" class="dan_option mui-table-view-cell" :qid="val.id" :option-id="op.id" ><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
						</ul>
					</div>

					<div class="exercise_nr" v-for="(val,ind) in question_list" v-if="q_index == ind  && val.type == 2" >
						<h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
						<ul class="anwser_item_more mui-table-view">
							<li class="mui-table-view-cell" v-for="op in val.option_list" :class="op.user_answer == 1 ? 'active' : ''" :qid="val.id" :option-id="op.id" ><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
						</ul>
					</div>

					<div class="exercise_nr" v-for="(val,ind) in question_list"  v-if="q_index == ind && val.type == 3">
						<h3 class="question">{{q_index + 1}}：{{val.title}}</h3>
						<ul class="anwser_item mui-table-view">
							<li :qid="val.id" class="dj_zq mui-table-view-cell" :class="val.user_answer == 1 ? 'active' : ''"><span>T</span>正确</li>
							<li :qid="val.id" class="dj_cw mui-table-view-cell" :class="val.user_answer == 0 ? 'active' : ''"><span>F</span>错误</li>
						</ul>
					</div>
				</transition>
			</div>
			
			<div class="fengeLine mb0" v-show="questionBoxStatus == 1"></div>
			
			<transition name="questionfade" v-show="questionBoxStatus == 1">
				<div class="resolution_box" v-for="(val,ind) in question_list" v-if="q_index == ind">
					<div class="resolution">
						<h5 class="answerKey" v-if="val.type == 1"><span>正确答案</span> {{val.true_answer}}</h5>
						<h5 class="answerKey" v-if="val.type == 2"><span>正确答案</span> {{val.true_answer}}</h5>
						<h5 class="answerKey" v-if="val.type == 3"><span>正确答案</span> {{val.answer == 1 ? '正确' : '错误'}}</h5>
						<div class="fengeLine m0"></div>
						<p class="p15"><span>解析</span><br />{{val.parsing ? val.parsing : '--该题目暂无解析--'}}</p>
						<div class="fengeLine m0"></div>
					</div>
				</div>
			</transition>

		</div>

		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js"></script>
		<script src="../../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../../js/tpl/mistakeRevolution.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/public.js"></script>
	</body>

</html>